<!DOCTYPE html>
<html>
<head>
    <title>路方配置表</title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("itcs:cpproadconf:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("itcs:cpproadconf:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("itcs:cpproadconf:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
            <#if shiro.hasPermission("itcs:cpproadconf:enable")>
            <a class="btn btn-primary" @click="enable"><i class="fa fa-play"></i>&nbsp;启用</a>
            </#if>
            <#if shiro.hasPermission("itcs:cpproadconf:disable")>
            <a class="btn btn-primary" @click="disable"><i class="fa fa-pause"></i>&nbsp;停用</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">所属路方</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.roadId" placeholder="所属路方"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">收费站编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.stationId" placeholder="收费站编号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">业务类型</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.bizType" placeholder="业务类型"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">接入渠道</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.payChannel" placeholder="接入渠道"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">支付方式</div>
                <div id="app" class="col-sm-10">
                    <!--<input type="text" class="form-control" v-model="cppRoadConf.payType" placeholder="支付方式"/>-->
                    <select v-model="payTypes" class="form-control" multiple>
                        <option v-for="option in options" v-bind:value="option.value">
                            {{option.text}}
                        </option>
                    </select>
                    <!--<multiselect v-model="value" placeholder="Fav No Man’s Sky path" label="title" track-by="title" :options="options" :option-height="104" :custom-label="customLabel" :show-labels="false">
                        <template slot="singleLabel" slot-scope="props"><img class="option__image" :src="props.option.img" alt="No Man’s Sky"><span class="option__desc"><span class="option__title">{{ props.option.title }}</span></span></template>
                        <template slot="option" slot-scope="props"><img class="option__image" :src="props.option.img" alt="No Man’s Sky">
                            <div class="option__desc"><span class="option__title">{{ props.option.title }}</span><span class="option__small">{{ props.option.desc }}</span></div>
                        </template>
                    </multiselect>
                    <pre class="language-json"><code>{{ value  }}</code></pre>-->
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">协议号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.contractNo" placeholder="协议号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">协议附件</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.contractFile" placeholder="协议附件"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">商户代码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.merId" placeholder="商户代码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">接入参数</div>
                <div class="col-sm-10">
                    <textarea rows="5" class="form-control" v-model="cppRoadConf.params" placeholder="接入参数"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">状态</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.status" placeholder="1-启用，2-停用"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">生效日期</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.startDate" placeholder="生效日期"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">失效日期</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.endDate" placeholder="失效日期"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">优先级</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.level" placeholder="优先级"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">权重</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.weight" placeholder="权重"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">操作人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.operator" placeholder="操作人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">创建时间</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.createTime" placeholder="创建时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">更新时间</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.updateTime" placeholder="更新时间"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">插件名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="cppRoadConf.api" placeholder="插件名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>
<script src="${request.contextPath}/statics/libs/vue-multiselect.min.js"></script>
<link rel="stylesheet" href="${request.contextPath}/statics/css/vue-multiselect.min.css">
<script src="${request.contextPath}/statics/js/modules/itcs/cpproadconf.js?_${.now?long}"></script>
</body>
</html>